<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <title>V-移动电商</title>
  <link rel="stylesheet" href="">
</head>

<body>
  <div id="app"></div>
  <!-- rem自适应布局，把px转换为rem-->
  <!-- 以iPhone5屏幕作为适配 1rem = 16px 320px =20rem -->
  <!-- built files will be auto injected -->
</body>
<script>
//js适配屏幕代码动态设置font-size大小就可以使屏幕自适应。
//得到手机屏幕的宽度
let htmlWidth = document.documentElement.clientWidth || document.body.clientWidth;
//得到html的Dom元素
let htmlDom = document.getElementsByTagName('html')[0];
//优化
if(htmlWidth>750){htmlWidth=750}
//设置根元素字体大小
htmlDom.style.fontSize= htmlWidth/20 + 'px';
</script>

</html>